<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>Xubao's SVG Homework</title> 
<style> 
div
{
	width:300px;
	height:300px;
	background:white;
	position:relative;
	animation:myfirst 8s;
	-webkit-animation:myfirst 5s; /* Safari and Chrome */
}

@keyframes myfirst
{
	0%   {background:white; left:0px; top:0px;}
	50%  {background:white; left:200px; top:400px;}
	100% {background:white; left:500px; top:0px;}
}

</style>
</head>
<body>


<div><svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="fighter-jet" class="svg-inline--fa fa-fighter-jet fa-w-20" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path fill="purple" d="M544 224l-128-16-48-16h-24L227.158 44h39.509C278.333 44 288 41.375 288 38s-9.667-6-21.333-6H152v12h16v164h-48l-66.667-80H18.667L8 138.667V208h8v16h48v2.666l-64 8v42.667l64 8V288H16v16H8v69.333L18.667 384h34.667L120 304h48v164h-16v12h114.667c11.667 0 21.333-2.625 21.333-6s-9.667-6-21.333-6h-39.509L344 320h24l48-16 128-16c96-21.333 96-26.583 96-32 0-5.417 0-10.667-96-32z"></path></svg></div>

</body>
</html>